*{
	margin: 0;
	padding: 0;
    font-family: 微软雅黑;
}
html ul{
	padding:0;
	margin: 0;
}
html ul li{
	list-style-type: none;
}
html{
	font-size:62.5% ;
}
.pay-top{
	height: 60px;
	background: #FFFFFF;
}
.top-content{
	margin: 0 12px;
	height: 60px;
}
.top-left{
	float: left;
	height: 60px;
	line-height: 60px;
}
.top-left img{
	vertical-align: top;
	margin-top: 11px;
}
.top-left span{
	font-size: 16px;
	color: #1976D2;
}
.top-right{
	font-size: 16px;
	color: #333;
	float: right;
	height: 60px;
	line-height: 60px;
}
.pay-main{
	padding:20px 12px;
	margin: 0 auto;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
.main-success{
	font-size: 18px;
	color: #333;
}
.main-money{
	font-size: 16px;
	color: #333;
	padding: 10px 0;
}
.main-money span{
	font-size: 20px;
	color: #fb6b32;
}
.main-order-id{
	font-size: 16px;
	color: #7a7a7a;
}
.main-order-time{
	padding: 5px 0;
	font-size: 16px;
	color: #7a7a7a;
}
.main-order-send{
	font-size: 16px;
	color: #7a7a7a;
}
.main-order-send span{
	color: #fb6b32;
}
.type-title span{
	color: #ff0000;
}
.order-infos{
	background: url(../img/icon_downward.png) no-repeat right center;
	width: 90px;
	font-size: 16px;
	color: #1976d2;
	margin-top:10px ;
	cursor: pointer;
}
.bg-up{
	background: url(../img/icon_upward.png) no-repeat right center !important;
}
.infos-content{
	border-top: 1px solid #e0e0e0;
	margin-top: 10px;
	padding-top: 15px;
	display: none;
}
.infos-tab td{
	font-size: 14px;
	color: #333;
	padding: 5px 10px 5px 0;
    vertical-align: top;
}
.infos-tab td p{ 
	display: inline-block;
	margin-right: 10px;
	margin-bottom:5px;
	margin-left: 10px;
	color: #7a7a7a;
}
.left-td{
	display: inline-block;
	margin-left: 10px;
	width: 80px;
	color: #7a7a7a;
}
.pay-type{
	background: #FFFFFF;
}
.type-title{
	font-size: 16px;
	color: #7a7a7a;
	padding: 20px 0 0 12px;
}
.type-list{
	width: 100%;
	margin: 15px 0;
}
.type-list-tab{
	width: 100%;
}
.type-list-tab td{
	height: 56px;
}
.type-list-tab td div{
	border: 1px solid #eee;
    height: 56px;
    line-height: 58px;
    margin: 0 6px;
    cursor: pointer;
    border-radius: 4px;
    font-size: 16px;
}
.type-list-tab td img{
	vertical-align: top;
	margin: 7px 10px 0 ;
}
.go-pay{
	height: 63px;
	border-top: 1px solid #e8e8e8;
	display: inline-block;
	width: 100%;
}
.go-pay button{
	height: 44px;
	line-height: 44px;
	margin-top: 10px;
	border-radius: 4px;
	font-size: 20px;
	width: 120px;
	background:#fb6b32;
	color: #FFFFff;
	border: 0;
	float: left;
}
.pay-bottom{
	height: 32px;
	color: #7a7a7a;
	line-height: 32px;
	text-align: center;
}
.bank-list{
	border-top: 1px solid #e8e8e8;
	margin: 10px 0px;
}
.more-bank{
	font-size: 16px;
	color: #333333;
	text-align: center;
	line-height: 44px;
}

.success-pay{margin:10px auto;background: #fff;padding: 30px;border-radius: 4px;}
.pay-tab-success img,.pay-tab-fail img{width: 60px;height: 60px;vertical-align: middle;}
.pay-tab-success td,.pay-tab-fail td{padding: 10px;}
.success-moneys{font-size: 18px;color: #333;}
.success-moneys i{font-style: normal;color: #fb6b32;}
.success-names{color: #76ba4f;font-size: 28px;line-height: 1;margin-bottom: 3px;}
.success-warn{color: #76ba4f;font-size: 16px;line-height: 1;margin: 10px;}
.success-infos{border-top: 1px solid #E6E6E6;}
.success-order-time{font-size: 16px;color: #333;margin: 10px 0 15px;padding: 10px}
.fail-names{color: #f95151;font-size: 28px; display: inline-block;}
.fail-warn{color: #f95151;font-size: 16px; display: inline-block;margin: 10px;}
.align-pay{width: 100px;height: 28px;line-height:26px; border: 1px solid #e6e6e6;border-radius: 4px;background: #fff;color: #333;font-size: 16px;}
@media only screen and (min-width:320px) and (max-width:480px){
	.pay-tab-success td,.pay-tab-fail td{padding: 5px 5px 5px 0;}
	.success-order-time{padding: 5px 5px 5px 0;}
	.success-pay{padding: 30px 10px !important;}
	.main-order-id{
		font-size: 14px;
		color: #7a7a7a;
	}
	.main-order-time{
		padding: 5px 0;
		font-size: 14px;
		color: #7a7a7a;
	}
	.main-order-send{
		font-size: 14px;
		color: #7a7a7a;
	}
	.type-list-tab{
		display: none;
	}
	.type-list li{
		border: 1px solid #eee;
	    height: 56px;
	    line-height: 58px;
	    margin: 10px 12px;
	    border-radius: 4px;
	    font-size: 16px;
            position: relative;
	}
	.type-list li img{
		vertical-align: top;
		margin: 7px 10px 0 ;
	}
	.go-pay button{
		margin-left: 12px;
	}
	.bank-list{display: none;}
}


@media only screen and (min-width:480px) and (max-width:768px){
	.type-list-tab{
		width: 100%;
		padding: 0 6px;
	}
	.check-type{
		background: #FFFFFF;
	    display: inline-block;
	    width: 100%;
	}
	.type-list ul{display: none;}
	.go-pay button{
		margin-left: 12px;
	}
	.bank-list{display: none;}
}


@media only screen and (min-width:768px){
        .success-pay{width: 940px;} 
	.pay-top{
		height: 60px;
		background: #FFFFFF;
		text-align: center;
	}
	.top-content{
		background: #FFFFFF;
		width:1000px ;
		padding: 0 12px;
		height: 60px;
		display: inline-block;
		margin: 0 !important;
	}
	.pay-main{
		width: 1000px;
		padding:20px 12px;
		margin: 0 auto;
		border-top: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
	}
	
	.type-title {
	    font-size: 16px;
	    color: #7a7a7a;
	    padding: 20px 0 0 6px;
	}
	.pay-type{
		background: #FFFFFF;
		text-align: center;
	}
	.check-type{
		background: #FFFFFF;
	    width: 1012px;
	    padding: 0 6px;
	    display: inline-block;
	    text-align: left;
	}
	.type-list ul{display: none;}
	
	.go-pay{
		height: 63px;
		border-top: 1px solid #e8e8e8;
		width: 1000px;
		display: inline-block;
		margin: 0 12px;
	}
	
	
	.bank-list li{
		height: 44px;
		border:1px solid #e8e8e8;
		border-radius: 4px;
		float: left;
		margin: 10px 6px;
		width: 239px;
		cursor: pointer;
                position: relative;
	}
	.bank-list li div{
		height: 34px;
		width: 239px;
		margin-top: 5px;
	}
	
	.bank1{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px 4px;
	}
	.bank2{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -24px;
	}
	.bank3{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -53px;
	}
	.bank4{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -80px;
	}
	.bank5{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -109px;
	}
	.bank6{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -137px;
	}
	.bank7{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -166px;
	}
	.bank8{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -193px;
	}
	.bank9{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -219px;
	}
	.bank10{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -250px;
	}
	.bank11{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -277px;
	}
	.bank12{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -305px;
	}
	.bank13{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -333px;
	}
	.bank14{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -361px;
	}
	.bank15{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -389px;
	}
	.bank16{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -416px;
	}
	.bank17{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -446px;
	}
	.bank18{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -472px;
	}
	.bank19{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -501px;
	}
	.bank20{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -529px;
	}
	.bank21{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -556px;
	}
	.bank22{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -585px;
	}
	.bank23{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -614px;
	}
	.bank24{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -640px;
	}
	.bank25{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -668px;
	}
	.bank26{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -697px;
	}
	.bank27{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -725px;
	}
	.bank28{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -753px;
	}
	.bank29{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -779px;
	}
	.bank30{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -809px;
	}
	.bank31{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -838px;
	}
	.bank32{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -866px;
	}
	.bank33{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -891px;
	}
	.bank34{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -921px;
	}
	.bank35{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -950px;
	}
	.bank36{
		background: url(../img/bank-logo.png) no-repeat ;
		background-position: 10px -976px;
	}
}
.check-pay-bg{
	border: 1px solid #fb6b32 !important;
}
.check-pay-img{
	position: absolute;
	top: 0;
	right: 0;
	vertical-align: top;
	margin: 0 !important;
	display: none;
}
.show-img{
	display: inline-block !important; 
}
.type-list-tab td div{
	position: relative;
}










